<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			body,
			html {
				position: absolute;
				height: 100%;
				width: 100%;
				background-image: url(image/bg.png);
				background-repeat: no-repeat;
				background-size: 100% 100%;
				background-attachment: fixed;
				z-index: 1;
			}
			
			.login {
				position: absolute;
				top: 78%;
				width: 40%;
				left: -8%;
				/*border: 1px solid red;*/
			}
			
			.login_content {
				position: absolute;
				width: 61%;
				z-index: 3;
				position: relative;
				top: 8%;
				left: 28%;
			}
			
			.login_user {
				box-shadow: 3px 3px 3px #40ADC9;
				margin-top: 7px;
				width: 50%;
				opacity: 0.3;
			}
			.login_user:hover{
				width: 55%;
				opacity: 0.9;
			}
			.login_user_content {
				width: 100%;
				height: 35px;
				line-height: 30px;
				display: inline-block;
				background-color: #F1F1F1;
			}
			
			.login_user_content img {
				vertical-align: middle;
				margin-left: 8px;
				width: 12px;
				height: 15px;
			}
			
			.login_user_content input {
				background-color: #F1F1F1;
				border: 0;
				outline: none;
				margin-left: 10px;
				height: 25px;
				width: 90px;
			}
			
			.login_button input {
				height: 46px;
				width: 47px;
			}
			.login_button {
				z-index: 4;
				position: absolute;
				left: 17%;
				top: 85%;
			}
		</style>
	</head>

	<body>
		<div class="login">
			<div class="login_content">
				<div class="login_user">
					<div class="login_user_content">
						<img src="image/user.png" />
						<input type="text" id="" value="" placeholder="账户" ng-model="user"/>
					</div>
				</div>
				<div class="login_user">
					<div class="login_user_content">
						<img src="image/psd.png" />
						<input type="text" id="" value="" placeholder="密码" ng-model="psd"/>
					</div>
				</div>
				<div class="login_user">
					<div class="login_user_content">
						<img src="image/yzm.png" />
						<input type="text" id="" value="" placeholder="验证码" />
					</div>
				</div>
			</div>
		</div>
		<div class="login_button">
			<input  type="image" src="image/login.png" ui-sref="index"/>
		</div>
	</body>

</html>